<template>
  <div>
    <div class="flex-center banner-box bg-[url('~/assets/images/solution/vehicle_banner.png')] bg-cover bg-no-repeat">
      <div class="banner-con">
        <h1 class="banner-main-title">车辆管理系统</h1>
        <p class="xl:w-[35vw] mt-10 banner-text">
          联筑达·智慧工地车辆管理系统，利用智能识别技术辅助施工现场管理，实现对工地上的渣土车、搅拌车等车辆进出数据进行动态监管，有效解决车辆进出混乱、载重情况难识别、物料随意卸载堆放、场地车辆数据统计难、车辆环保管理不到位等问题。
        </p>
      </div>
    </div>

    <div class="pt-[70px] pb-20 bg-[#FBFBFB]">
      <div class="w-[96%] xl:w-[1200px] mx-auto">
        <h2 class="module-title">系统功能</h2>
        <div class="flex flex-wrap mt-10 justify-around">
          <div v-for="(item, ind) in traitList" :key="ind" class="w-[188px] h-[266px] bg-[#FFFFFF] mb-6 flex-center flex-col rounded-sm border border-[#EDF4FB] border-b-2 border-t-[#0099FF]">
            <img alt="车辆管理系统" class="inline-block w-[90px] h-[90px]" :src="
                require(`../../assets/images/solution/vehicle_0${ind + 1}.png`)
              " />
            <div class="text-[#222] mt-[15px]">{{ item.name }}</div>
          </div>
        </div>
      </div>
    </div>

    <div class="bg-[#FBFBFB] py-[84px]">
      <div class="w-[96%] xl:w-[1200px] mx-auto">
        <h2 class="module-title">系统价值</h2>
        <div class="mt-10 flex flex-col md:flex-row text-white">
          <div class="bg-[#028BFF] px-14 h-[283px]">
            <img class="w-10 h-10 mt-10" src="../../assets/images/solution/vehicle_07.png" />
            <p class="mt-3">有序管理工地进出车辆，实时记录出入工地的所有车辆信息和载重情况，有效解决车辆进出混乱问题。对信息异常的车辆进行记录，重点监管。</p>
          </div>
          <div class="bg-[url(~/assets/images/solution/vehicle_10.png)] px-14 h-[283px]">
            <img class="w-10 h-10 mt-10" src="../../assets/images/solution/vehicle_09.png" />
            <p class="mt-3">智能识别车辆清洗和后盖覆盖情况，对不符合清洗要求和后盖未覆盖的车辆不予以放行，从源头保障驶离工地车辆的车身清洁，减少城市污染。</p>
          </div>
          <div class="bg-[#028BFF] px-14 h-[283px]">
            <img class="w-10 h-10 mt-10" src="../../assets/images/solution/vehicle_08.png" />
            <p class="mt-3">可通过AI算法，智能识别统计工地上所有土方车的出土量，对土方车作业情况进行数字化监工，实时掌握出土进度。</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      traitList: [
        {
          name: '进出车辆统计',
        },
        {
          name: '车辆智能识别',
        },
        {
          name: '车辆清洗识别',
        },
        {
          name: '车辆通道监控',
        },
        {
          name: '车辆载重识别',
        },
        {
          name: '车辆出土测算',
        },
      ],
    }
  },
  head: {
    title: '车辆管理系统-联合智为',
    meta: [
      {
        hid: 'index-keywords',
        name: 'keywords',
        content: '车辆管理系统',
      },
      {
        hid: 'index-desc',
        name: 'description',
        content:
          '联筑达·智慧工地车辆管理系统，利用智能识别技术辅助施工现场管理，实现对工地上的渣土车、搅拌车等车辆进出数据进行动态监管，有效解决车辆进出混乱、载重情况难识别、物料随意卸载堆放、场地车辆数据统计难、车辆环保管理不到位等问题。',
      },
    ],
  },
}
</script>
